﻿/* MODES */

.modes-item
{
    max-width: 300px;
    height: 37px;
    overflow: hidden;
    margin: 5px;
    display: none;
    vertical-align: middle;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid #333;
}

.modes-item input
{
    float: left;
    cursor: pointer;
}

.modes-checkbox
{
    background: #111;
    display: inline-block;
    float: left;
    padding: 9px 7px;
    border-right: 2px solid #333;
}

.modes-text
{
    vertical-align: middle;
    margin-left: 40px;
    margin-right: 5px;
    background: #111;
    padding: 10px 5px;
    white-space: nowrap;
    font-size:11px;
}

/* ELEMENTS */


 .element
 {
	height: 60px;
	width: 50px;
	display: inline-block;
	border: 2px solid #333;
	background-color: #222;
	margin: 2px;
	text-align: center;
	color:#EEE;
	font-weight:bold;
	font-size:14px; 
	border-radius: 10px;
 }
 
 .selected .modes-checkbox
 {
     background:#222;
 }
 
 